Redraw the shortcut section icons on one grid - #58

The Shortcuts page carried six section icons that had drifted apart. Reviewing them rendered, rather than as markup, turned up four real problems and one gap.

Touch was the outlier. It was hand-traced and filled, on a 390 242 320 400 viewBox, while every other icon was a 24-grid outline at stroke-width="2". At heading size it read as a dark blob among light strokes; at 14px in the chip nav it was mush. It is redrawn on the same grid and simplified to a single knuckle, so the interior stays open at chip size — the three stacked finger humps were what made it feel packed.

Palette and commands used a wrench, which says settings or repair. That section is the drawing palette and the menu strips, so it is now a palette.

Double-click did not survive small sizes. Its two click arcs sat 1.4 units apart on a 24 grid and butted against the mouse body; rendered, they merged into a smear. It also put two near-identical mouse silhouettes in the chip nav. It is now a cursor, and filled — .chipnav a svg draws at opacity: .68, so a thin outline was faint on top of thin and read as barely there.

Mouse was optically small, 12×18 where the pen and keyboard fill 20 of the grid. Now 14×20, matching its neighbours' weight.

In every session had no icon at all, the only heading without one. It has a bolt now. This is the one piece not strictly required; it is easy to drop if you would rather the quick-reference block stay visually separate from the numbered groups.

Pen and Keyboard were already right and are untouched.

The chip label for the palette section is shortened to just Palette. The chip track is capped near 598px by .wrap.narrow and the fixed-width filter input, independent of viewport, so the full label overflowed by roughly 110px at every desktop width — a wider monitor never helped. Six chips now measure 582px in that track. That leaves only about 16px of slack, so a seventh chip or a longer label will clip again; the levers if that happens are the 210px filter width or the 820px narrow cap in styles.css, neither touched here. The <h2> keeps the full "Palette and commands".

All seven glyphs now sit on 0 0 24 24, centred at 12,12, at stroke-width="2" in currentColor, so the --muted colour and dark mode continue to work. The chip nav and the headings are kept in sync. CRLF endings preserved to match the sibling pages.

🤖 Generated with Claude Code